<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width: 825px;
				height: 350px;
				border: 1px solid black;
				margin: auto;
			}
			a{
				color: red;
				display: inline-block;
				width: 200px;
				height: 350px;
				border: 1px solid aqua;
			}
			
		</style>
	</head>
	<body>
		<div>
			<a href="https://www.mi.com/shop/buy/detail?product_id=19752">
				<img src="img/x.png" height="100px"/>
				<h3>Xiaomi Civi 4 Pro</h3>
				<h5>徕卡光学Summilux 第三代骁龙8s旗舰处理器</h5>
				<p>
					<span>2999</span>
					<span>元起</span>
				</p>
			</a>
			<a href="https://www.mi.com/shop/buy/detail?product_id=19436">
				<img src="img/xs.jpeg" height="120px"/>
				<h4>Redimi K70 Pro</h4>
				<h5>第三代骁龙8 年度旗舰平台</h5>
				<p>
					<span>3299</span>
					<span>元</span>
				</p>
			</a>
			<a href="https://www.mi.com/shop/buy/detail?product_id=19683">
				<img src="img/xx.jpeg" height="120px"/>
				<h4>Xiaomi 14 Ultra</h4>
				<h5>徕卡全明星四摄 双向卫星通信</h5>
				<p>
					<span>6499</span>
					<span>元起</span>
				</p>
			</a>
			<a href="https://www.mi.com/shop/buy/detail?product_id=19835">
				<img src="img/xxs.jpeg" height="120px"/>
				<h4>Redmi turbo 3</h4>
				<h5>性能旋风，席卷而来</h5>
				<p>
					<span>1999</span>
					<span>元</span>
					<del><span>2299</span>元</del>
				</p>	
		</div>
	</body>
</html>